<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="edge" />  
<title>行骑网-骑车神器</title>
<!--{~ui('loader')->css('jquery.fullPage')}-->

<style>
.section1 { background: url(http://pic.yupoo.com/xq517/E4cWtAQx/vTF9I.jpg) bottom center no-repeat;}
.section2 { background: url(http://pic.yupoo.com/xq517/E43sp3E5/MY26s.jpg) top center no-repeat;}
.section3 { background: url(http://pic.yupoo.com/xq517/E43soxWF/AOzD8.jpg)  top center no-repeat;}
.section4 { background: url(http://pic.yupoo.com/xq517/E43soTLy/R96Jx.jpg)  top center no-repeat;}
.section5 { background: url(http://pic.yupoo.com/xq517/E43souYX/sFQJA.jpg)  top center no-repeat;}
.godown {
position: absolute;
left: 50%;
bottom: 20px;
z-index: 100;
width: 50px;
height: 53px;
margin-left: -25px;
}
.godown span {
display: block;
width: 50px;
height: 53px;
background-image: url(images/godown.png);
}


.middle { position: relative; width: 1063px; height: 773px; margin-left: auto; margin-right: auto;
background: url(http://pic.yupoo.com/xq517/E4cVzGw7/Yc8Xs.png) top no-repeat;
}
.download {
position: absolute;
display: block;
width: 220px;
height: 70px;
left: 310px;
background: url(http://www.gogocity.cn/images/2014Imges/down.png) no-repeat;
}
.download1 {
top: 60%;
background-position: 0 -70px;
}
.download2 {
top: 70%;
background-position: 0 0;
}
/* 动画 */

.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}

</style>

<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/jqueryui/1.10.3/jquery-ui.min.js"></script>

<!--{~ui('loader')->js('@jquery.fullPage.min')}-->

<script>
$(document).ready(function() {
	$.fn.fullpage({
	slidesColor: ['#fff', '#fff', '#fff', '#fff', '#fff'],

		anchors: ['page1', 'page2', 'page3', 'page4', 'page5'],
		navigation: true,
		loopBottom: true
	});
	$(".godown").attr("href","#page2");
});
</script>
{echo '<!-'.'-[if IE 6]>'}
<!--{~ui('loader')->js('DD_belatedPNG')}-->
<script type="text/javascript">
$(document).ready(function() {
DD_belatedPNG.fix('*');
});
</script>
{echo '<![endif]-'.'->'}
</head>

<body>

<div class="section section1">

<div class="middle">
	<a class="download download1" href="{$android_url}"></a>
	<a class="download download2" href="{$iphone_url}" target="_blank"></a>
</div>
<a class="godown" ><span></span></a>
</div>
<div class="section section2">

</div>
<div class="section section3">

</div>
<div class="section section4">

</div>
<div class="section section5">

</div>








</body>
</html>